$primary-color: #000;
$inner-color: #3a3a3a;
$btn-bg: #f12b2b; // 按钮色
$font-default-color: #fff;
$font-dark-color: #d3d3d3;
$font-emphasize-color: #76f996; // 重点强调颜色
$error-color: #f12b2b; // 金额等强调色
$warning-color: #ffde48; // 警告色

[data-theme="dark"] {
	html,
	body {
		background-color: $inner-color;
	}

	.bg-color {
		background: $primary-color;
	}
	.bg-opacity-color {
		background: rgba(255, 255, 255, 0.3);
	}
	.fg-color {
		background: $inner-color;
	}
	.btn-bg-color {
		background: $btn-bg;
	}
	.font-bright-color {
		color: $font-default-color;
	}
	.font-dark-color {
		color: $font-dark-color;
	}
	.beauti-color {
		color: $font-emphasize-color;
	}
	.pay-arrear {
		color: $error-color;
	}
	.pay-pending {
		color: $warning-color;
	}
	.pay-settle {
		color: $font-default-color;
	}
	.key-bg-color {
		background: $error-color;
	}
	.border-top-style {
		border-top: 1px solid $inner-color;
	}
	.border-bottom-style {
		border-bottom: 1px solid $inner-color;
	}

	// search-searchListItem
	.pay-color {
		color: #ff9400;
	}

	// info-index
	.dark-text-color {
		color: #c1c1c1;
	}

	// info-park
	.sort-title-color {
		background: #1f1f1f;
	}

	// calendar-main
	.month-color {
		color: #565656;
	}
	.btn-color {
		color: $btn-bg;
	}
	.date-border-style {
		border: 8px solid #003c80;
	}

	// statistic-report
	.border-left-color {
		border-left: 8px solid #3a8bff;
	}
	.border-dark-color {
		z-index: 100;
		border-color: $inner-color;
		border-bottom-style: solid;
	}
	.border-width-2px {
		border-width: 2px;
	}
	.border-width-4px {
		border-width: 4px;
	}

	// about-index
	.company-color {
		color: #6c6c6c;
	}

	/*vant css*/
	// search-tab
	.search-tab-container {
		.van-tab__text {
			color: $font-default-color;
		}
		.chechk-all .van-checkbox__label {
			color: $font-default-color;
		}
	}

	.search-main .search-tab-container .van-tabs__content {
		background: $inner-color;
	}

	// search-searchListItem
	.component-search-list-item-container
		.van-checkbox__icon--checked
		.van-icon-success {
		background: $font-emphasize-color;
	}

	// about-index
	.about-main .van-loading__circular {
		color: $font-emphasize-color;
	}

	// info-park
	.switch-item .van-switch {
		background: #3a3a3a;
	}
	.switch-item .van-switch--on {
		background: $font-emphasize-color;
	}
	.sort-main .van-icon-wap-nav {
		color: $font-default-color;
	}

	// info-password
	.password-container .van-field__control {
		color: $font-default-color;
	}
	.password-container .van-icon-success {
		color: $font-emphasize-color;
	}

	// 考勤组件
	.component-check-info-container {
		.check-normal {
			color: #0078ff;
		}

		.check-warning {
			color: $warning-color;
		}

		.check-error {
			color: $error-color;
		}
	}
}
